<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>网站首页</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<link href="../css/reset.css" rel="stylesheet">
		<link href="../css/layout.css" rel="stylesheet">
		<link href="../css/animate.min.css" rel="stylesheet">
		<script src="../js/jquery-2.1.4.min.js"></script>
		<script src="../js/xSlider.js"></script>
		<script src="../js/index.js"></script>
		
		<script>
			window.onload = function() {
				var oUl = document.getElementById('menuList');
				var aLi = oUl.children;
				var oBox = aLi[aLi.length - 1];
				var iNow = 0;

				for(var i = 0; i < aLi.length - 1; i++) {
					aLi[i].index = i;
					aLi[i].onmouseover = function() {
						//oBox.style.left=this.offsetLeft+'px';
						startMove(oBox, this.offsetLeft);
						style = "active";
					};
					aLi[i].onmouseout = function() {
						//oBox.style.left=this.offsetLeft+'px';
						startMove(oBox, iNow * aLi[0].offsetWidth);
					};
					aLi[i].onclick = function() {
						iNow = this.index;
					};
				}
			};
		</script>
	</head>

	<body>
		<div class="wrap">
			<div class="header">
				<div class="commwidth clearfix">
					<h1 class="logo">
   					<img src="../images/logo.png" alt="">
   				</h1>
					<div class="menu">
						<ul class="clearfix" id="menuList">
							<li class="">
								<a href="#">首页</a>
							</li>
							<li>
								<a href="famousClass.html">名师微课</a>
							</li>
							<li>
								<a href="weike.html">课堂平台</a>
							</li>
							<li>
								<a href="javascript:;">名师直播</a>
							</li>
							<li>
								<a href="apply.html">合作</a>
							</li>
							<li class="box"></li>
						</ul>
					</div>
					<div class="user_menu">
						<ul class="clearfix">
							<li>
								<span class="fl" id="sign">登录</span>
								<i class="fenge fl"></i>
								<em class="fl" id="register">注册</em>
							</li>
							<li class="searchLi">
								<div data-selector="search_show" class="search_show fl">
									<i data-selector="search_btn" class="icon1 search_btn fl"></i>
									<div data-selector="search_contain" class="search_contain opacity fl"><input type="text" class="search_text" data-selector="search_text"><i class="icon1"></i></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!---->
			<div class="main">
				<div class="tab">
					<div class="slider">
						<div class="slider-img">
							<ul class="slider-img-ul">
								<li><img src="../images/slider-5.jpg"></li>
								<li><img src="../images/slider-1.jpg"></li>
								<li><img src="../images/slider-2.jpg"></li>
								<li><img src="../images/slider-3.jpg"></li>
								<li><img src="../images/slider-4.jpg"></li>
								<li><img src="../images/slider-5.jpg"></li>
								<li><img src="../images/slider-1.jpg"></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="cont">
					<h3 class="service_t">微课互动教学云平台·专业的教研培训服务</h3>
					<section id="service" class="service">
						<ul class="service_cont clearfix">
							<li>
								<span class="cm">名师 微课</span>
								<span class="ct">
								<p>海量名师微课辅助教师 </p>
								<p>教学使用</p>
							</span>
							</li>
							<li>
								<span class="cm">班级圈</span>
								<span class="ct">
								<p>教师可创班级和多个学习</p>
								<p>小组，实现分组教学</p>
							</span>
							</li>
							<li>
								<span class="cm">作业管理</span>
								<span class="ct">
								<p>支持word、拍照上传的</p>
								<p>多种形式发布作业</p>
							</span>
							</li>
							<li>
								<span class="cm">互动问答</span>
								<span class="ct">
								<p>一对一问答</p>
								<p>实现实现师生互动</p>
							</span>
							</li>
							<li>
								<span class="cm">统计分析</span>
								<span class="ct">
								<p>微课、作业智等多维度分</p>
								<p>析，生成个性学情报告</p>
							</span>
							</li>
							<li>
								<span class="cm">名师直播</span>
								<span class="ct">
								<p>直播与课件并行培训模</p>
								<p>式，快速提升学习成果</p>
							</span>
							</li>
							<li>
								<span class="cm lf">微课制作</span>
								<span class="ct lf">
								<p>一支笔、一个本</p>
								<p>轻松做教师自有微课</p>
							</span>
							</li>
							<li>
								<span class="cm">学术支撑</span>
								<span class="ct">
									<p>提供基于微课的国家级课题，</p>
									<p>高效提升学校教科研实力</p>
								</span>
							</li>
						</ul>
					</section>
				</div>
			</div>
			<div class="toTopBox">
				<div class="toTop" style="opacity: 1;" title="返回顶部">
			    <span></span>
			</div>
	</div>
			<div class="footer">
				<div class="footer-top clearfix">
					<div class="footer-vx fl">
						<p class="footer-title">关注我们</p>
						<div class="footer-vx-box clearfix">
							<div class="footer-vx-item footer-vx-itemNo1">
								<img src="../images/vx1.jpg" />
								<p>佳讯教育</p>
							</div>
							<div class="footer-vx-item">
								<img src="../images/vx2.jpg" />
								<p>微课课堂服务号</p>
							</div>
						</div>
					</div>
					<div class="footer-contact fl">
						<p class="footer-title">关注我们</p>
						<p class="footer-contact-font">热线电话：400-815-0802</p>
						<p class="footer-contact-font">电&#12288;&#12288;话：010-62698511</p>
						<p class="footer-contact-font">Q &#12288;&#12288; Q：981940781</p>
					</div>
				</div>
				<p class="footer-bottom">© Copyright@2015-2025北京永恒信业科技有很公司 .版权所有 京ICP备09025686号-1</p>
			</div>
		</div>
		<!--登录-->
		<div class="login_popup" id="sign_pop">
			<div class="mask"></div>
			<div class="login_default animated bounceIn">
				<div class="login wrapere">
					<p class="login_title clearfix">
						<span class="fl login_title_l"></span>
						<i class="fl">登录</i>
						<span class="fl login_title_r"></span>
					</p>
					<div class="content_form">
						<div id="change_margin_1">
							<input class="user" type="text" name="user" placeholder="请输入账号或手机号">
						</div>
						<!-- input的value为空时弹出提醒 -->
						<p id="remind_1"></p>
						<div id="change_margin_2">
							<input class="password" type="password" name="password" placeholder="请输入密码">
						</div>
						<p class="forget">
							<a href="#" class="forget_password">忘记密码</a>
							<i>|</i>
							<a href="#" class="register_bar">注册</a>
						</p>
						<!--input的value为空时弹出提醒-->
						<p id="remind_2"></p>
						<div id="change_margin_3">
							<input class="content_form_signup" type="button" value="登录">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--找回密码-->
		<div class="login_popup" id="find_pas_pop">
			<div class="mask"></div>
			<div class="login_default find_pas animated bounceInRight">
				<div class="login">
					<p class="login_title clearfix">
						<span class="fl login_title_l"></span>
						<i class="fl">找回密码</i>
						<span class="fl login_title_r"></span>
					</p>
					<div class="content_form">
						<div id="change_margin_1">
							<input class="user" type="text" name="user" placeholder="请输入您要找回的账号">
						</div>
						<!-- input的value为空时弹出提醒 -->
						<p id="remind_1"></p>
						<div id="change_margin_2">
							<input class="password" type="password" name="password" placeholder="请输入您的手机号">
						</div>
						<!--input的value为空时弹出提醒-->
						<p id="remind_2"></p>
						<div id="change_margin_2">
							<input class="yzm" type="yzm" name="yzm" placeholder="请输入验证码">
							<input class="content_form_signup" type="button" value="发送验证码">
						</div>
						<div id="change_margin_2" class="clearfix option">
							<span class="fl backBar">返回登录</span>
							<span class="fr nextBar">下一步</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--找回密码下一步 确定-->
		<div class="login_popup" id="find_sure_pop">
			<div class="mask"></div>
			<div class="login_default find_pas find_pas_sure animated bounceInRight">
				<div class="login">
					<p class="login_title clearfix">
						<span class="fl login_title_l"></span>
						<i class="fl">找回密码</i>
						<span class="fl login_title_r"></span>
					</p>
					<div class="content_form">
						<div id="change_margin_1">
							<input class="user" type="text" name="user" placeholder="请输入新密码">
						</div>
						<!-- input的value为空时弹出提醒 -->
						<p id="remind_1"></p>
						<div id="change_margin_2">
							<input class="password" type="password" name="password" placeholder="请再次输入新密码">
						</div>
						<!--input的value为空时弹出提醒-->
						<p id="remind_2"></p>
						<div id="change_margin_2" class="clearfix option">
							<span class="fl backBar">返回登录</span>
							<span class="fr nextBar">确定</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--注册-->
		<div class="login_popup" id="register_pop">
			<div class="mask"></div>
			<div class="login_default find_pas animated bounceIn">
				<div class="login">
					<p class="login_title clearfix register">
						<span class="fl login_title_l"></span>
						<i class="fl">注册</i>
						<span class="fl login_title_r"></span>
					</p>
					<div class="content_form">
						<form method="post" action="">
							<div id="change_margin_1">
								<input class="user" type="text" name="user" placeholder="请输入手机号">
							</div>
							<!-- input的value为空时弹出提醒 -->
							<p id="remind_1"></p>
							<div id="change_margin_2">
								<input class="yzm" type="yzm" name="yzm" placeholder="请输入验证码">
								<input class="content_form_signup" type="button" value="发送验证码">
							</div>
							<div id="change_margin_2" class="clearfix option">
								<span class="fl backBar">返回登录</span>
								<span class="fr nextBar">下一步</span>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--注册 确定-->
		<div class="login_popup" id="register_sure_pop">
			<div class="mask"></div>
			<div class="login_default find_pas find_pas_sure">
				<div class="login">
					<p class="login_title clearfix register">
						<span class="fl login_title_l"></span>
						<i class="fl">注册</i>
						<span class="fl login_title_r"></span>
					</p>
					<div class="content_form">
						<form method="post" action="">
							<div id="change_margin_1">
								<input class="user" type="text" name="user" placeholder="请输入密码">
							</div>
							<!-- input的value为空时弹出提醒 -->
							<p id="remind_1"></p>
							<div id="change_margin_2">
								<input class="password" type="password" name="password" placeholder="请再次输入密码">
							</div>
							<!--input的value为空时弹出提醒-->
							<p id="remind_2"></p>
							<div id="change_margin_2" class="clearfix option">
								<span class="fl backBar">返回登录</span>
								<span class="fr nextBar">确定</span>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$('[data-selector="search_show"]').click(function() {
				$('[data-selector="search_contain"]').show();
				$('[data-selector="search_btn"]').hide();
			});
			$('[data-selector="search_text"]').focus(function() {
				$('[data-selector="search_contain"]').removeClass('opacity');
			});
			$('.slider').xSlider();
			$('.navBar').on('mouseover', function(event) {
				$('.navList').show();
				event.preventDefault();
			});
			$('.navBar').on('mouseout', function(event) {
				$('.navList').hide();
				event.preventDefault();
			});
			//登录
			$("#sign").on("click", function(e) {
				$("#sign_pop").show();
				$(document).one("click", function() {
					$("#sign_pop").hide();
				});
				e.stopPropagation();
			});
			$("#sign_pop").on("click", function(e) {
				e.stopPropagation();
				$('.mask').click(function(event) {
					$("#sign_pop").hide();
				});
			});
			//找回密码
			$('.forget_password').on('click', function(e) {
				$("#sign_pop").hide();
				$('#find_pas_pop').show();
				$(document).one("click", function() {
					$("#find_pas_pop").hide();
				});
				e.stopPropagation();
			});
			$("#find_pas_pop").on("click", function(e) {
				e.stopPropagation();
				$('.mask').click(function(event) {
					$("#find_pas_pop").hide();
				});
			});
			//返回登录
			$(".backBar").on("click", function(e) {
				$('#find_pas_pop').hide();
				$("#sign_pop").show();
				$(document).one("click", function() {
					$("#sign_pop").hide();
				});
				e.stopPropagation();
			});
			$("#sign_pop").on("click", function(e) {
				e.stopPropagation();
				$('.mask').click(function(event) {
					$("#sign_pop").hide();
				});
			});
			//找回密码下一步
			$('.nextBar').on('click', function(e) {
				$("#find_pas_pop").hide();
				$('#find_sure_pop').show();
				$(document).one("click", function() {
					$("#find_sure_pop").hide();
				});
				e.stopPropagation();
			});
			$("#find_sure_pop").on("click", function(e) {
				e.stopPropagation();
				$('.mask').click(function(event) {
					$("#find_sure_pop").hide();
				});
			});
			//注册
			$('.register_bar').on('click', function(e) {
				$("#sign_pop").hide();
				$('#register_pop').show();
				$(document).one("click", function() {
					$("#register_pop").hide();
				});
				e.stopPropagation();
			});
			$("#register_pop").on("click", function(e) {
				e.stopPropagation();
				$('.mask').click(function(event) {
					$("#register_pop").hide();
				});
			});

			//注册
			//     $("#register").on("click", function(e){
			//     $("#register_pop").show();

			//     $(document).one("click", function(){
			//         $("#register_pop").hide();
			//     });

			//     e.stopPropagation();
			// });
			// $("#register_pop").on("click", function(e){
			//     e.stopPropagation();
			//     $('.mask').click(function(event) {
			//     	$("#register_pop").hide();
			//     });
			// });
//返回顶部
			$(function () {
		        var $backToTopEle = $('.toTop'), $backToTopFun = function () {
		            var st = $(document).scrollTop(), winh = $(window).height();
		            (st > 200) ? $backToTopEle.fadeIn('slow') : $backToTopEle.fadeOut('slow');
		            //IE6下的定位
		            if (!window.XMLHttpRequest) {
		                $backToTopEle.css("top", st + winh - 166);
		            }
		        };
		        $('.toTop').click(function () {
		            $("html, body").animate({scrollTop: 0}, 600);
		        })
		        $backToTopEle.hide();
		        $backToTopFun();
		        $(window).bind("scroll", $backToTopFun);
		        $('#catalogWord').click(function () {
		            $("#catalog").slideToggle(600);
		        })
		    })
		</script>
	</body>

</html>